// http://ionicframework.com/docs/theming/
// App Global Sass
// --------------------------------------------------
// Put style rules here that you want to apply globally. These
// styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS.
//
// Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss".
//
// To declare rules for a specific mode, create a child rule
// for the .md, .ios, or .wp mode classes. The mode class is
// automatically applied to the <body> element in the app.
ion-navbar {
  .toolbar-title {
    text-align: center;
    color: #37383d;
  }
  .toolbar-background {
    // background: #00acd2;
    background: #ffffff;
  }
  .back-button-text {
    display: none;
  }
  .back-button-icon-ios {
    font-size: 3rem;
  }
  ion-icon {
    color: #37383d;
  }
}

.picker-opt {
  left: 6px !important;
}

// html,
// body.transparent-body,
// .transparent-body,
// ion-app,
// .app-root,
// ion-nav,
// .ion-page,
// .nav-decor,
// ion-content,
// .viewscan,
// .fixed-content,
// .scroll-content {
//     background-color: transparent !important;
//     background: transparent !important;
// }
html,
body,
.back-transparent,
ion-app,
.nav-decor {
  background: transparent !important;
}

.item-ios {
  font-size: 1.5rem !important;
}




    // probably breaks iPhone X support
    .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child,
    .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
    .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child,
    .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child,
    .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child,
    .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child,
    .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px) !important;
    min-height: calc(44px + 20px) !important;
    }

    .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
    .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
    .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child .scroll-content,
    .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
    .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child .scroll-content,
    .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child .scroll-content,
    .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px !important;
    }

    .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-nav > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
    .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-nav > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
    .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-tab > .ion-page > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
    .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-tab > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
    .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-tabs > .ion-page.tab-subpage > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
    .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-menu > .menu-inner > ion-content.statusbar-padding:first-child[padding-top] .scroll-content,
    .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios ion-menu > .menu-inner > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px) !important;
    }

    .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-nav > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
    .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-nav > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
    .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-tab > .ion-page > .toolbar.statusbar-padding:first-child ion-title,
    .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-tab > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title,
    .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-tabs > .ion-page.tab-subpage > ion-header > .toolbar.statusbar-padding:first-child ion-title,
    .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-menu > .menu-inner > .toolbar.statusbar-padding:first-child ion-title,
    .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
    .ios ion-menu > .menu-inner > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: 20px !important;
    height: calc(44px + 20px) !important;
    min-height: calc(44px + 20px) !important;
    }

    @media only screen and (max-width: 767px) {
    .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px) !important;
    min-height: calc(44px + 20px) !important;
    }
    .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px !important;
    }
    .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding] .scroll-content,
    .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child[padding-top] .scroll-content {
    padding-top: calc(16px + 20px) !important;
    }
    .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-segment,
    .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child ion-title {
    padding-top: 20px !important;
    height: calc(44px + 20px) !important;
    min-height: calc(44px + 20px) !important;
    }
}
ion-list.list ion-list.list-ios{
  margin: 0 !important;
}
